document.addEventListener('DOMContentLoaded', function() {
    // 获取输入框和按钮元素
    var searchInput = document.getElementById('searchName');
    var searchButton = document.getElementById('searchButton');

    // 监听按钮点击事件
    searchButton.addEventListener('click', function() {
        var filter, table, tr, td, i, txtValue;
        filter = searchInput.value.toUpperCase(); // 获取输入框内容并转换为大写
        table = document.querySelector("table"); // 获取表格
        tr = table.getElementsByTagName("tr"); // 获取表格行
        // 循环遍历表格行
        for (i = 0; i < tr.length; i++) {
            td = tr[i].getElementsByTagName("td")[1]; // 获取姓名所在的单元格
            if (td) {
                txtValue = td.textContent || td.innerText; // 获取单元格文本内容
                // 如果单元格文本内容中包含搜索关键词，则显示该行，否则隐藏
                if (txtValue.toUpperCase().indexOf(filter) > -1) {
                    tr[i].style.display = "";
                } else {
                    tr[i].style.display = "none";
                }
            }
        }
    });
});